<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		*{
			margin:0;
			padding:0;
			font-family: "微软雅黑";
			color: #333;
		}
		a{
			text-decoration: none;
		}
		.head{
			height: 26px;
			background-color: #f7f7f7;
			min-width: 970px;
			border:1px solid #d8d8d8;
		}
		.nav{
			width: 970px;
			margin:auto;
			line-height: 26px;
		}
		.hello{
			float: left;
		}
		.nav ul>li{
			float: right;
			list-style: none;
			font-size: 14px;
			padding-left: 10px;
			padding-right: 10px;
		}

		.box{
			width: 970px;
			margin: auto;
			margin-top: 24px;
			overflow: hidden;
		}
		.logo{
			float: left;
		}
		.search{
			width: 520px;
			height: 30px;
			border: 1px solid #c9c9c9;
			float: right;
			padding: 5px;
		}
		.search input{
			height: 28px;
			width: 413px;
			border: 1px solid #a6a6a6;
			float: left;
			padding-left: 5px;
		}
		.search_btn{
			cursor: pointer;
			line-height: 30px;
			text-align: center;
			color: #fff;
			width: 100px;
			background-color: #2f70d0;
			float: left;
			margin-left: -1px;
		}

		.box_nav{
			clear: both;
			height: 25px;
			padding-top: 20px;
			border-bottom:4px solid #0266a3;
		}
		.box_nav>li{
			float: left;
			list-style:none;
		}
		.box_nav>li>a{
			color: #0266a3;
			display: block;
			padding-left: 10px;
			padding-right: 10px;
			line-height: 26px;
		}
		.box_nav .active{
			color: #fff;
			background-color: #0266a3;
		}
		.mall{
			width: 200px;
			height: 210px;
			margin-top: 20px;
			float: left;
			margin-bottom: 20px;
			margin-right: 10px;
			background-color: #ebf0f6;
		}
		.title{
			color: #fff;
			line-height: 30px;
			padding-left: 20px;
			width: 180px;	
			background-color: #0266a3;
		}
		.mall ul>li{
			list-style: none;
			margin-top: 7px;
			margin-left: 15px;
		}
		.mall>ul img{
			margin-right: 9px;
		}
		.mail_img{
			margin-top: 20px;
			float: left;
		}
		.ad{
			float: right;
			margin-top: 20px;
		}
		.dazhong{
			width: 228px;
			height: 93px;
			background-color: #f7faff;
			border:1px solid #e5e5e5;
		}
		.dazhong_title{
			margin-left:15px;
			line-height: 30px;
		}
		.dazhong img{
			margin-left: 10px;
			margin-top: 10px;
			float: left;
			margin-right: 10px;
		}
		.dazhong>.text{
			font-size: 12px;
			margin-top: 13px;
    		line-height: 19px;
		}
		.text>a{
			font-size: 14px;
		}
		.phone{
			width: 230px;
			height: 95px;
			background-color: #f7f7f7;
			margin-top: 20px;
		}
		.phone_title{
			color:#999999;
			margin-left:15px;
			line-height: 40px;
		}
		.phone_icon {
			margin-left: 35px;
			float: left;
			margin-right: 10px;
		}
		.phone .text{
			color: #96c7ea;
			font-size: 19px;
			margin-top: -3px;
		}
		.phone_btn{
			margin-left: 74px;
    		margin-top: 4px;
		}
		.jianzhu{
			clear: both;
			width: 960px;
			padding-left: 20px;
			height: 34px;
			margin-top: 20px;
			line-height: 34px;
			margin-bottom: 20px;
			background-color: #ecf1f7;
			border-top: 2px solid #c3d7e4;
		}
		.goods{
			width: 700px;
			height: 330px;
			float: left;
			margin-bottom: 20px;
			padding:15px 30px 15px 0px;
			border:1px solid #e5e5e5;
		}
		.block{
			width: 320px;
			height: 150px;
			float: left;
			margin-left: 30px;
		}
		.block_img{
			width: 91px;
			height: 91px;
			padding:4px;
			margin-right: 15px;
			float: left;
			border: 1px solid #e5e5e5;
		}
		.block_title{
			font-size: 12px;
			line-height: 30px;
		}
		.descripe{
			color: #863e01;
			font-size: 11px;
		}
		.price{
			color: #c50934;
			margin-top: 20px;
		}
		.block del{
			margin-left: 25px;
			font-size: 12px;
			color: #747455;
		}
		.buy_btn{
			clear: both;
			background-color: #0a84e3;
			width: 100px;
			height: 25px;
			color: #fff;
			line-height: 25px;
			text-align: center;
			margin-top: 15px;
			float: left;
			margin-right: 15px;
		}
		.only{
			float: left;
			font-size: 14px;
			margin-top: 20px;
		}
		.only span{
			color: #d90a5b;
		}
		.hr{
			clear: both;
			width: 100%;
    		margin-left: 10px;
			height: 10px;
			margin-bottom: 20px;
			border-bottom: 1px solid #e5e5e5;
		}
		.information{
			width: 227px;
			height: 362px;
			float: right;
			margin-bottom: 20px;
			border:1px solid #e5e5e5;
		}
		.information2{
			width: 227px;
			height: 297px;
			float: right;
			margin-top: 15px;
			margin-bottom: 20px;
			font-size: 12px;
		}
		.information2 li{
			list-style: none;
			clear:left;
		}
		.information2 a{
		    line-height: 23px;
		    display: block;
		}
		.information2 a>span{
			color: #e5e5e5;
			margin-left: 5px;
		    margin-right: 5px;
		}
		.information2 ul img{
			float: left;
			margin-top: 5px;
			margin-left: 5px;
		    margin-right: 5px;
		}
		.information_title{
			background-color: #fbfbfb;
			padding-left: 20px;
			height: 28px;
			line-height: 28px;
			border-bottom: 1px solid #e5e5e5;
			color: #4e4e4e;
		}
		.information>ul li{
			color:#cdcdcd;
			margin-top: 6px;
			margin-left: 30px;
		}
		.information>ul a{
			font-size: 12px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.title_img{
			display: block;
		}
		.goods_child{
			float: left;
			margin-bottom: 20px;
			width: 700px;
			height: 300px;
			margin-top: 0px;
			border:1px solid #e5e5e5;
			border-top:2px solid #00b0e7;
		}
		.block_child{
			float: left;
			margin-right: 10px;
			text-align: center;
			padding:5px;
			width: 153px;
			height: 273px;
		}
		.child_title{
			width: 100%;
			font-size: 12px;
			line-height: 20px;
		}
		.detail{
			color: #999999;
			font-size: 12px;
			line-height: 24px;
		}
		.detail del{
			margin-left: 10px;
			color:  #999999;
		}
		.detail span{
			color: #a10000;
			font-size: 15px;
		}
		.goods_right{
			float: right;
			margin-top: -26px;
			width: 227px;
			height: 300px;
		}
		.goods_right_img{
			margin-top: 12px;
		}
		.friend{
			clear: both;
			height: 40px;
   	 		padding: 20px 0px 20px 0px;
			border-top: 2px solid #dddddd;
			border-bottom: 2px solid #dddddd;
		}
		.friend_title{
			color: #999999;
			font-size: 11px;
			float: left;
			line-height: 24px;
			height: 30px;
		}
		.friend li{
			float: left;
			list-style: none;
		}
		.friend a{
			padding:0px 5px 0px 5px;
			font-size: 11px;
			color: #666666;
		}
		.footer{
			line-height: 25px;
			font-size: 12px;
			margin-top: 15px;
			padding-top: 18px;
			width: 100%;
			height: 75px;
			text-align: center;
			border-top: 2px solid #0a7ec3;
		}
		.footer ul{
			display: inline-block;
		}
		.footer li{
			line-height: 11px;
			list-style: none;
			float: left;
		}
		.footer li>span{
			margin-left: 5px;
			margin-right: 5px;
		}
	</style>
</head>
<body>
	<!-- 页头 -->
	<div class="head">
		<div class="nav">
			<div class="hello">：您好，欢迎来到建材网！</div>
			<ul>
				<li><a href="#">网站导航 ▼</a></li>
				<li><a href="#">客服中心</a></li>
				<li><a href="#">建材服务 ▼</a></li>
				<li><a href="#">我的收藏 ▼</a></li>
				<li><a href="#">我的商务室 ▼</a></li>
				<li><a href="#">建材网首页</a></li>
			</ul>
		</div>
	</div>
	
	<!-- 主要显示部分 -->
	<div class="box">
		<!-- logo 和搜索条部分 -->
		<div class="top">
			<img class="logo" src="img/logo.jpg">
			<div class="search">
				<input type="text" name="" placeholder="请输入关键字">
				<div class="search_btn">搜索</div>
			</div>
		</div>
		<!-- 导航 -->
		<ul class="box_nav">
			<li><a class="active" href="#">首页</a></li>
			<li><a href="#">建筑材料</a></li>
			<li><a href="#">儿童安全座椅</a></li>
			<li><a href="#">工艺美术品</a></li>
		</ul>
		<!-- 商机市场整排 -->
		<div class="mall">
			<div class="title">商机市场</div>
			<ul>
				<li><img src="img/icon1.jpg"/>建筑材料</li>
				<li><img src="img/icon2.jpg"/>儿童安全座椅</li>
				<li><img src="img/icon3.jpg"/>工艺美术品</li>
				<li><img src="img/icon4.jpg"/>建筑材料</li>
				<li><img src="img/icon5.jpg"/>儿童安全座椅</li>
				<li><img src="img/icon6.jpg"/>工艺美术品</li>
			</ul>
		</div>
		<img class="mail_img" src="img/big_bg.jpg">
		<div class="ad">
			<div class="dazhong">
				<div class="dazhong_title">建材通大众版</div>
				<img src="img/dazhong.jpg">
				<div class="text">价格实惠，量身为营销预算不多的供应商所设。<a href="#">了解详情</a></div>
			</div>
			<div class="phone">
				<div class="phone_title">找信息或者发信息遇到问题？</div>
				<img class="phone_icon" src="img/iphone.jpg">
				<div class="text">0571-89938887</div>
				<a href="#"><img  class="phone_btn" src="img/btn.jpg"></a>
			</div>
		</div>
		<!-- 建筑材料部分 -->
		<div class="jianzhu">建筑材料</div>
		<div class="goods">
			<div class="block">
				<div class="block_img"><img src="img/img1.jpg"></div>
				<div class="block_title">好太太晾衣架 铝钛合金 升降双杆</div>
				<div class="descripe">自动换挡 安全耐用<br/>稳定性好 抗氧化强</div>
				<div class="price">239.00<del>￥386.00</del></div>
				<div class="buy_btn">立即购买</div>
				<div class="only">限量<span>99</span>件 &nbsp;已售<span>20</span>件</div>
			</div>
			<div class="block">
				<div class="block_img"><img src="img/img2.jpg"></div>
				<div class="block_title">好太太晾衣架 铝钛合金 升降双杆</div>
				<div class="descripe">自动换挡 安全耐用<br/>稳定性好 抗氧化强</div>
				<div class="price">239.00<del>￥386.00</del></div>
				<div class="buy_btn">立即购买</div>
				<div class="only">限量<span>99</span>件 &nbsp;已售<span>20</span>件</div>
			</div>
			<div class="hr"></div>
			<div class="block">
				<div class="block_img"><img src="img/img3.jpg"></div>
				<div class="block_title">好太太晾衣架 铝钛合金 升降双杆</div>
				<div class="descripe">自动换挡 安全耐用<br/>稳定性好 抗氧化强</div>
				<div class="price">239.00<del>￥386.00</del></div>
				<div class="buy_btn">立即购买</div>
				<div class="only">限量<span>99</span>件 &nbsp;已售<span>20</span>件</div>
			</div>
			<div class="block">
				<div class="block_img"><img src="img/img4.jpg"></div>
				<div class="block_title">好太太晾衣架 铝钛合金 升降双杆</div>
				<div class="descripe">自动换挡 安全耐用<br/>稳定性好 抗氧化强</div>
				<div class="price">239.00<del>￥386.00</del></div>
				<div class="buy_btn">立即购买</div>
				<div class="only">限量<span>99</span>件 &nbsp;已售<span>20</span>件</div>
			</div>
		</div>
		<div class="information">
			<div class="information_title">建材资讯</div>
			<ul>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
			</ul>
		</div>
		<!-- 儿童座椅部分 -->
		<div class="jianzhu">儿童安全椅</div>
		<img class="title_img" src="img/jiekou.jpg">
		<div class="goods_child">
			<div class="block_child">
				<img src="img/iimg1.jpg">
				<div class="child_title">欧贝儿童安全座椅3-12岁<br/>ISOFIX 儿童汽车安全座椅</div>
				<div class="detail">适合年龄：3-12岁<br/>市场价：<del>￥1980元</del><br/>直销价：<span>￥1380元</span></div>
			</div>
			<div class="block_child">
				<img src="img/iimg2.jpg">
				<div class="child_title">欧贝儿童安全座椅3-12岁<br/>ISOFIX 儿童汽车安全座椅</div>
				<div class="detail">适合年龄：3-12岁<br/>市场价：<del>￥1980元</del><br/>直销价：<span>￥1380元</span></div>
			</div>
			<div class="block_child">
				<img src="img/iimg3.jpg">
				<div class="child_title">欧贝儿童安全座椅3-12岁<br/>ISOFIX 儿童汽车安全座椅</div>
				<div class="detail">适合年龄：3-12岁<br/>市场价：<del>￥1980元</del><br/>直销价：<span>￥1380元</span></div>
			</div>
			<div class="block_child">
				<img src="img/iimg4.jpg">
				<div class="child_title">欧贝儿童安全座椅3-12岁<br/>ISOFIX 儿童汽车安全座椅</div>
				<div class="detail">适合年龄：3-12岁<br/>市场价：<del>￥1980元</del><br/>直销价：<span>￥1380元</span></div>
			</div>
		</div>
		<div class="goods_right">
			<img src="img/rimg1.jpg">
			<img class="goods_right_img" src="img/rimg2.jpg">
		</div>
		<!-- 工艺美术品部分 -->
		<div class="jianzhu">工艺美术品</div>
		<div class="goods">
			<div class="block">
				<div class="block_img"><img src="img/img1.jpg"></div>
				<div class="block_title">好太太晾衣架 铝钛合金 升降双杆</div>
				<div class="descripe">自动换挡 安全耐用<br/>稳定性好 抗氧化强</div>
				<div class="price">239.00<del>￥386.00</del></div>
				<div class="buy_btn">立即购买</div>
				<div class="only">限量<span>99</span>件 &nbsp;已售<span>20</span>件</div>
			</div>
			<div class="block">
				<div class="block_img"><img src="img/img2.jpg"></div>
				<div class="block_title">好太太晾衣架 铝钛合金 升降双杆</div>
				<div class="descripe">自动换挡 安全耐用<br/>稳定性好 抗氧化强</div>
				<div class="price">239.00<del>￥386.00</del></div>
				<div class="buy_btn">立即购买</div>
				<div class="only">限量<span>99</span>件 &nbsp;已售<span>20</span>件</div>
			</div>
			<div class="hr"></div>
			<div class="block">
				<div class="block_img"><img src="img/img3.jpg"></div>
				<div class="block_title">好太太晾衣架 铝钛合金 升降双杆</div>
				<div class="descripe">自动换挡 安全耐用<br/>稳定性好 抗氧化强</div>
				<div class="price">239.00<del>￥386.00</del></div>
				<div class="buy_btn">立即购买</div>
				<div class="only">限量<span>99</span>件 &nbsp;已售<span>20</span>件</div>
			</div>
			<div class="block">
				<div class="block_img"><img src="img/img4.jpg"></div>
				<div class="block_title">好太太晾衣架 铝钛合金 升降双杆</div>
				<div class="descripe">自动换挡 安全耐用<br/>稳定性好 抗氧化强</div>
				<div class="price">239.00<del>￥386.00</del></div>
				<div class="buy_btn">立即购买</div>
				<div class="only">限量<span>99</span>件 &nbsp;已售<span>20</span>件</div>
			</div>
		</div>
		<div class="information2">
			<div class="information_title">建材商社</div>
			<ul>
				<li><a href="#"><img src="img/rimg3.jpg">在装灯具是，如果装上分控开关，可以省去很多烦恼。因为如果只有一个总开关。</a></li>
				<li><a href="#"><span>[采暖论坛]</span>精心细选大半年，终于满足小</a></li>
				<li><a href="#"><span>[建材采购区]</span>生活家•巴洛克《旅行篇》</a></li>
				<li><a href="#"><span>[采暖论坛]</span>精心细选大半年，终于满足小</a></li>
				<li><a href="#"><span>[建材采购区]</span>生活家•巴洛克《旅行篇》</a></li>
				<li><a href="#"><span>[采暖论坛]</span>精心细选大半年，终于满足小</a></li>
				<li><a href="#"><span>[建材采购区]</span>生活家•巴洛克《旅行篇》</a></li>
				<li><a href="#"><span>[采暖论坛]</span>精心细选大半年，终于满足小</a></li>
				<li><a href="#"><span>[建材采购区]</span>生活家•巴洛克《旅行篇》</a></li>
			</ul>
		</div>
		<!-- 友情链接 -->
		<div class="friend">
			<div class="friend_title">友情链接：</div>
			<ul>
				<li><a href="#">中视网盟</a></li>
				<li><a href="#">9355开心创业店</a></li>
				<li><a href="#">中视网盟</a></li>
				<li><a href="#">9355开心创业店</a></li>
				<li><a href="#">中视网盟</a></li>
				<li><a href="#">9355开心创业店</a></li>
				<li><a href="#">中视网盟</a></li>
				<li><a href="#">9355开心创业店</a></li>
				<li><a href="#">中视网盟</a></li>
				<li><a href="#">9355开心创业店</a></li>
				<li><a href="#">中视网盟</a></li>
				<li><a href="#">9355开心创业店</a></li>
				<li><a href="#">中视网盟</a></li>
				<li><a href="#">9355开心创业店</a></li>
			</ul>
		</div>
		<!-- 页脚 -->
		<div class="footer">
			<ul>
				<li><a href="#">关于我们</a><span>|</span></li>
				<li><a href="#">建材通服务</a><span>|</span></li>
				<li><a href="#">网店建设</a><span>|</span></li>
				<li><a href="#">诚聘英才</a><span>|</span></li>
				<li><a href="#">友情链接</a><span>|</span></li>
				<li><a href="#">联系方式</a><span>|</span></li>
				<li><a href="#">隐私声明</a><span>|</span></li>
				<li><a href="#">版权声明</a><span>|</span></li>
				<li><a href="#">帮助中心</a><span>|</span></li>
				<li><a href="#">网站地图</a></li>
			</ul>
			<div> 中国建材网 版权所有 2000-2012 服务热线0571-89938887 请与网盟联系：Service@BMink.com | 建材网会员互动群：123456789</div>
			<div>本站网络实名：中建网本站通用网址：| 中国建材网 | 浙B2-20060159</div>
		</div>
	</div>
</body>
</html>